﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title></title>
    <link href="3rd-party/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
            background: none repeat scroll 0 0 transparent;
            border: 0 none;
            margin: 0;
            padding: 0;
            vertical-align: baseline;
        }
        body {
            color: #000000;
            font-family: Arial,Liberation Sans,DejaVu Sans,sans-serif;
            font-size: 80%;
            line-height: 1;
        }
        .content {
            min-height: 450px;
        }
        .container {
            margin: 0 auto;
            text-align: left;
            width: 600px;
        }
        .question-list {
        }
        .question-list td {
        }
        .question-list td.count {
            width: 20px;
            text-align: center;
            vertical-align: middle;
        }
        .question-list td.count span {
            font-size: 10px;
            margin-left: 3px;
            margin-right: 3px;
        }
        .question-list td.question {
            width: auto;
            text-align: left;
            padding: 4px;
            padding-left: 8px;
        }
        .question-list td.question a {
            text-decoration: none;
        }
        .tag {
            background-color: #E7ECEC;
            color: #555555;
            display: inline-block;
            margin: 4px 2px 4px 0;
            padding: 2px 6px;
            text-decoration: none;
            white-space: nowrap;
        }
        .time {
            color: #999999;
            font-weight: bold;
        }
        .rep {
            color: #444444;
            font-size: 120%;
            font-weight: bold;
            margin-right: 2px;
        }
    </style>

    <script src="3rd-party/jquery-1.4.1.js" type="text/javascript"></script>


    <script src="scripts/Soapi.js" type="text/javascript"></script>

    <script type="text/javascript">

        var questionTemplate =
        "<tr> \
            <td class='count'> \
                <h3> \
                    this-score</h3> \
                <span>votes</span> \
            </td> \
            <td class='count'> \
                <h3> \
                    this-answer-count</h3> \
                <span>answers</span> \
            </td> \
            <td class='count'> \
                <h3> \
                    this-view-count</h3> \
                <span>views</span> \
            </td> \
            <td class='question'> \
                <h3> \
                    <a href='#'>this-title</a> \
                </h3> \
                <div style='float: right;'> \
                    <span class='time'>this-creation-date</span><a href='#'>this-owner-display-name</a> \
                    <span class='rep'>this-owner-reputation</span></div> \
                this-tags \
            </td> \
        </tr>";
        var tagTemplate = "<span class='tag'>this-tags-item</span>";
    </script>

</head>
<body>
<h1>work in progress - disregard</h1>
    <div>
        <div class="container">
            <div class="content">
                Questions
                <table style="width: 100%;" cellpadding="0" cellspacing="0" class="question-list">
                    <tr>
                        <td class="count">
                            <h3>
                                0</h3>
                            <span>votes</span>
                        </td>
                        <td class="count">
                            <h3>
                                0</h3>
                            <span>answers</span>
                        </td>
                        <td class="count">
                            <h3>
                                0</h3>
                            <span>views</span>
                        </td>
                        <td class="question">
                            <h3>
                                <a href="#">This is the question </a>
                            </h3>
                            <div style="float: right;">
                                <span class="time">10m ago</span> <a href="#">xxooo</a> <span class="rep">2,292</span></div>
                            <a href="#" class="tag">tag</a><a href="#" class="tag">tag</a><a href="#" class="tag">tag</a>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</body>
</html>
